<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>	Туристичний онлайн-сервіс "Метрдотель"</title>
<meta name="description" content="Real estate website">
<meta name="keywords" content="real, estate">
<link href="css/mystyle.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="page">
  <div id="menu"><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="10"><img src="images/ml.gif" alt="" width="10" height="41"></td>
    <td class="item"><a href="index.html">Про сервіс</a></td>
    <td width="20"><img src="images/ms.gif" alt="" width="20" height="41"></td>
    <td class="item"><a href="catalog.html">Каталог готелів</a></td>
    <td width="20"><img src="images/ms.gif" alt="" width="20" height="41"></td>
   <td class="item"><a href="galery.html">Галерея</a></td>
    <td width="20"><img src="images/ms.gif" alt="" width="20" height="41"></td>
    <td class="item"><a href="#">Форма бронювання</a></td>
    <td width="20"><img src="images/ms.gif" alt="" width="20" height="41"></td>
    <td class="item"><a href="#">FAQ</a></td>
    <td width="20"><img src="images/ms.gif" alt="" width="20" height="41"></td>
    <td class="item"><a href="#">Контакти</a></td>
    <td width="10"><img src="images/mr.gif" alt="" width="10" height="41"></td>
  </tr>
</table>
</div>
<div id="header">
	<div id="logo"><img src="images/logo.gif"></div>
    <div id="company_name">"Метрдотель"</div>
    <div id="company_name_shaddow">"Метрдотель"</div>
    <div id="intro">Онлайн - сервіс "МЕТРДОТЕЛЬ" призначений для здійснення швидкого та зручного бронювання готелю в будь-якому куточку України, не відходячи від свого робочого місця. Ми допомагаємо Вам, йти в ногу з часом!<br>
</div>
	
</div>
<div id="body_area">
	 <div id="content_area">
	  <h1 align="center">Метрдотель вітає вас!</h1>
	  <table align ="center">
		<tr>
			<td>Місто:</td>
			<td><input type="text" size ="15"/></td>
			<td>Кількість зірок</td>
			<td>
			<p align="center">Від 1 до 5</p>
			<input type="range" min="1" max="5" /></td>
		</tr>
		<tr>
			<td>Дата заселення</td>
			<td><input type="date" /></td>
			<td>Дата виселення</td>
			<td><input type="date"/></td>
		</tr>
		<tr>
			<td colspan=4; align = "center">
			Ціна за номер
			</td>
		</tr>
		<tr>
		    <td align="right">Від</td>
			<td align="center"><input type="text" size ="4"/></td>
			<td align="right">До</td>
			<td align="center"><input type="text" size ="4"/></td>
		</tr>
		<tr>
			<td><input type="checkbox">Wi-Fi</td>
			<td><input type="checkbox">Парковка</td>
			<td><input type="checkbox">Ресторан</td>
			<td><input type="checkbox">Доставка в номер</td>	
		</tr>
		<tr>
		<td colspan="4" align="center"><input type="radio" name="drink" value="rad1"> Люкс
   <input type="radio" name="drink" value="rad2"> Стандарт
   <input type="radio" name="drink" value="rad3"> Економ</td>
		</tr>
		
	  </table>
	 </div>
	 <div style="width:1px; height:300px;float:left; background-color:#000000;"></div>
	 <div id="side_bar">
	 <div align="center" style="font-size:18px">Форма входу</div>
		<table>
			<tr> 
				<td>Логін</td>
				<td><input type="text" size="15" placeholder="Login"/></td>
			</tr>
			<tr> 
				<td>Логін</td>
				<td><input type="password" size="15" placeholder="password"/></td>
			</tr>
			<tr> 
				<td colspan = "2" align ="center"><input type = "submit" name="Ok" value="Вхід"></td>
			</tr>
			<tr> 
				<td colspan = "2" align ="center"><a href="#">Створити акаунт</a></td>
			</tr>
		</table>
	 </div>
	 <div style="clear:both"></div>
</div>
<div id="footer">
  <div id="bottom_menu"><a href="index.html">Про сервіс</a> |  <a href="catalog.html">Каталог готелів</a>  |  <a href="#">Галерея</a>  |  <a href="#">Форма бронювання</a> |  <a href="#">FAQ</a>  | <a href="#">Контакти</a></div>
  <div id="bottom_addr">© 2010 Metrdotel. Всі права захищені</div>
</div>
<div class="pagebottom"></div>
</div>

</body>
</html>
